<template>
  <div class="container" style="padding-bottom: 50px">
    <router-view class="animated fadeIn"></router-view>
    <van-tabbar v-model="active" v-show="show">
      <van-tabbar-item icon="home-o" to="/">主页</van-tabbar-item>
      <van-tabbar-item icon="comment-o" to="/message">留言</van-tabbar-item>
      <van-tabbar-item icon="friends-o" to="/my">我的</van-tabbar-item>
      <!--<van-tabbar-item icon="setting-o" to="/setting">设置</van-tabbar-item>-->
    </van-tabbar>
  </div>
</template>

<script>
import BLL from './Index'
export default {
  components: {
  },
  data () {
    return {
    }
  },
  computed: {
    show () {
      return this.$store.state.menus.isBar
    },
    active: {
      get: (e) => {
        if (e.$route.path === '/') return 0
        if (e.$route.path === '/message') return 1
        if (e.$route.path === '/my') return 2
      },
      set: () => {}
    }
  },
  created () {
    // 初始化
    this.BLL = new BLL(this)
  },
  beforeDestroy () {},
  mounted () {
  },
  methods: {}
}
</script>

<style lang="less" scoped>
</style>
